/*jfstyle.css cascading style sheet*/


/* Farben:  berufl  		privat  		privater
stark		#AFEEEE			#B4FF3F			#7CFC30
schwach		#DFFEFE			#D4FF5F			#ACFe70	
JürgenFranz-Überschrift:	#30E000
Linien:  #30C000
*/


/* GRID */
body.main {
  /*background-image: linear-gradient(to right, palegoldenrod 10px, white 280px, palegoldenrod 10px, palegoldenrod 30%, white);*/
  background-image: linear-gradient(to right, steelblue 10px, white 280px, steelblue 10px, steelblue 30%, white);
  display: grid;
  grid-template-columns: 280px 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-template-rows: 90px 11em auto 130px 50px;
  margin: 0em;
  padding: 0em;
  border-top: 1px solid #a5a5a5;
  /*align-items: center;*/
}

body.impressum {
  background-color: beige;
  display: grid;
  grid-template-rows: 90px auto;
  margin: 0em;
  padding: 0em;
  /*align-items: center;*/
}

body{
	margin: 0em;
}
/* 1. Überschrift/Menü/Banner */


jf {
	/*background-image: linear-gradient(to right top, palegoldenrod, white);*/
  	grid-column: 1;
	grid-row: 1;
	margin-top: 0em;
	padding-top: 1em;
	padding-left: 1em;
	background-color: snow;
}

header {
  grid-column: 2 / 8;
  grid-row: 1;
  margin-top: 0em;
  padding-top: 1em;
  padding-left: 0em;
 }
 
banner {
  grid-column: 1 / 8;
  grid-row: 2 / 3;
  padding-top: 2em;
  /*border-top: 1px solid #40c030;*/
  border-top: 1px solid darkblue;
}


div.bild 
{
  height: 8em;
  overflow: hidden;
}

hmenu1
{
	grid-column: 3 / 4;
	background: #DFFEFE;
}

hmenu2
{
	grid-column: 5 / 6;
	background: #D4FF5F;
}

hmenu1, hmenu2, hmenu3
{
	grid-row: 1;
	margin: 4.5em 0.5em 1em .5em;
	border-top: 1px solid #a5a5a5;
	border-left: 1px solid #a5a5a5;
	border-right: 1px solid #a5a5a5;
	padding: .5em;
    align-self: center;
	text-align: center;
	id: hmenu1;
}

hmenu3
{
	grid-column: 7 / 8;
	background: #ACFe70;
	margin-right: 1em;
}


/* 2. Mittelteil*/

privat {
  grid-column: 4 / 6;
  grid-row: 3;
  background: #D4FF5F;
}

berufl, privat, privater
{
	border-radius: 0em 0em 0.5em;
	border: 1px solid #a5a5a5;
	padding: .5em;
	margin: 1em .5em .5em .5em;
}

privater {
  grid-column: 6 / 8;
  grid-row: 3;
  background: #ACFe70;
  margin-right: 1em;
}

berufl {
  grid-column: 2 / 4;
  grid-row: 3;
  background: #DFFEFE;
  margin-left: 1em;
}

	
	
/* 3. Footer */
nav1 {
  grid-column: 2 / 8;
  grid-row: 4;
  /*background: #d1ddd4;*/
  margin: 0em 0em 1em 1em;
  /*align-self: end;*/
  /*justify-self: end;*/
  padding: 0em;
}

/*
nav2 {
  grid-column: 3 / 8;
  grid-row: 4;
  */
  /*background: #d1ddd4;*/
  /*
  border-color: #d5d5d5;
  margin: 0em 0em 1em 0em;
  align-self: end;
  justify-self: start; 
  padding: 0em;
}
*/

footer {
  grid-column: 1 / 8;
  grid-row: 5;
  padding-top: 0em;
  padding-left: 1em;
  /*border-top: 1px solid #40c030;*/
  border-top: 1px solid darkblue;
  margin-top: 0em;
  margin-bottom: 2em;
}

footercont {
  grid-column: 2 / 8;
  grid-row: 5;
  padding-top: 0em;
  padding-left: 1em;
  margin-top: 0em;
  margin-bottom: 0em;
}


/* impressum */

impressumheader {
  grid-row: 1;
  margin-top: 0em;
  padding-top: 1em;
  padding-left: 1em;
 }
 
impressumcont {
  grid-row: 2;
  padding-top: 1em;
  border-top: 1px solid green;
}

/* ##### Allgemeines */

/* body mit ausreichend Abständen zum Rand 
body { margin-top:1em; margin-bottom:1em; margin-left:2em; margin-right:2em}
body.ohne {margin-top:0em; margin-bottom:0em; margin-left:0em; margin-right:0em}
body.bodystart {background-image: url('blumen4570.JPG');
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
}
*/

/* für sämtliche tags Arial Sans Serif als Schriftart*/
p,a,h1,h2,h3,h4,ul,ol,li,div,td,th,address,blockquote,nobr,b,i,
hmenu1, hmenu2, hmenu3{ font-family: Calibri, Garamond, "sans serif"; font-size: 1em;}

/* Überschrift 1 */
h1 { font-size:4em; font-weight:100; margin-top:0em; margin-bottom:0em}

/* Überschrift 2 */
h2 { font-size:3em; font-weight:100; margin-top:0em; margin-bottom:0em}

/* Überschrift 3 */
h3 { font-size:2em; font-weight:100; margin-top:0em; margin-bottom:0em}

/* Überschrift 3 */
h4 { font-size:1.5em; font-weight:100; margin-top:0em; margin-bottom:0em}

p.tiny{font-size: 0.8em;}

/* ##### Tabellen */

table{ border: thin solid lightgrey; }
table.ohne{ border: none;}
table.ohneohne{} /*border:none; margin:0; padding:0;*/
td.mitrahmen{ border: thin solid lightgrey; }

/* Bild */
img.portrait{border: 1px solid lightgrey; margin-top:0.5em}
img.ohne{ border:0; margin:0; padding:0}




/* ##### Links */

/*hmenu1 a:link {	display: inline-block;}
hmenu1 a:hover {background: #AFEEEE;}*/

/* nicht besucht: blau */
a:link { color:#0000AA; text-decoration:none; }

/* mit Maus drüber: unterstrichen */
a:hover { color:#0000AA; text-decoration:underline; }

/* besucht: dunkelblau */
a:visited { color:#000066; text-decoration:none; }

/* gerade angeclickt: schwarz */
a:active { color:#000000; text-decoration:underline; }

/* für bilder viewer, z. B. bei Mohn*/
a.viewer:hover {text-decoration:none}
a.viewer:link { color:lightgrey; text-decoration:none; }
a.viewer:visited { color:lightgrey; text-decoration:none; }
a.viewer:active { color:lightgrey; text-decoration:none; }

/* ohnebrly steht für ohne Bildrahmen auf lightyellow Hintergrund */
a.ohnebrly:link {color:lightyellow }
a.ohnebrly:link {text-decoration:nounderline}
a.ohnebrly:visited {color:lightyellow }
a.ohnebrly:visited {text-decoration:nounderline}

/* ohnebrs steht für ohne Bildrahmen auf snow Hintergrund */
a.ohnebrs:link {color:snow }
a.ohnebrs:link {text-decoration:none}
a.ohnebrs:visited {color:snow }
a.ohnebrs:visited {text-decoration:none}

/* ohnebrw steht für ohne Bildrahmen auf white Hintergrund */
a.ohnebrw:link {color:white }
a.ohnebrw:link {text-decoration:nounderline}
a.ohnebrw:visited {color:white }
a.ohnebrw:visited {text-decoration:nounderline}

/* ohne steht für Unterstreichung */
a.ohne:link {text-decoration:none}
a.ohne:visited {text-decoration:none}




/* ##### zurzeit ungenutzt */

/* für topic.html, zurueck zur Einstiegsseite-Verweis */
.small { font-size:8pt; }

/* for project history */
.ph { font-size:10pt; }